<template>
  <div class="cs-page-container">
    <!--    <div style="position: absolute; z-index: 100; right: 50px;">{{ refresh_time }}秒后刷新</div>-->
    <el-tabs value="first" type="border-card">
      <el-tab-pane label="在线聊天" name="first">
        <OnlineChat ref="first" />
      </el-tab-pane>
      <el-tab-pane label="实时通话" name="second">
        <onlineRealTime ref="second" />
      </el-tab-pane>
      <el-tab-pane label="在线用户" name="thirdly">
        <OnlineUser ref="thirdly" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import OnlineChat from './onlineChat'
import OnlineUser from './onlineUser'
import onlineRealTime from './onlineRealTime';

export default {
  name: 'AnchorList',
  components: { OnlineChat, OnlineUser, onlineRealTime },
  data() {
    return {
      // refresh_time: 10
    }
  },

  // created() {
  //   this.dataRefreh();
  // },
  // destroyed() {
  //   // 在页面销毁后，清除计时器
  //   this.clear();
  // },
  methods: {
    // // 定时刷新数据函数
    // dataRefreh() {
    //   // 计时器正在进行中，退出函数
    //   if (this.intervalId != null) {
    //     return;
    //   }
    //   // 计时器为空，操作
    //   this.intervalId = setInterval(() => {
    //     this.refresh_time -= 1
    //     if (this.refresh_time === 0) {
    //       this.$refs.first.dataRefreh(); // 定时刷新数据
    //       this.$refs.second.dataRefreh(); // 定时刷新数据
    //       this.$refs.thirdly.dataRefreh(); // 定时刷新数据
    //       this.refresh_time = 10
    //       this.$forceUpdate();
    //     }
    //   }, 1000);
    // },
    // // 停止定时器
    // clear() {
    //   clearInterval(this.intervalId); // 清除计时器
    //   this.intervalId = null; // 设置为null
    // }
  }
}
</script>
